<!-- left-control.component.html -->
<div class="header-wrapper">
    <img class="my-icon" src="./assets/img/default-avatar.png">


    <span class="username-text" *ngIf="!isCollapsed">
    {{ username }}
  </span>

    <div class="floating-btn header-btn" *ngIf="!isCollapsed">
        <i class="anticon anticon-setting"></i>
    </div>
    <div class="floating-btn header-btn" *ngIf="!isCollapsed">
        <i class="anticon anticon-calendar"></i>
    </div>
</div>

<div class="list-wrapper">
    <div>
        <i nz-icon type="instagram" theme="outline">AAA</i>
        <i nz-icon type="step-backward" theme="fill">BBBB</i>
    </div>
    <div class="add-list-btn-wrapper">
        <button nz-button nzGhost nzType="dashed">
      <i class="anticon anticon-plus"></i>
      <span *ngIf="!isCollapsed">新列表</span>
    </button>
    </div>
</div>